$(function () {
    //需求1：用户退出
    let layer = layui.layer
    $("#logout").on('click', function () {
        //eg1
        layer.confirm('确认退出吗?', { icon: 3, title: '提示' }, function (index) {
            //跳转到登录页，清除token
            location.href = '/login.html' //跳转
            localStorage.removeItem("token")  //删除
            layer.close(index); //关闭对话框
        });
    })
    //需求2：渲染用户名和头像
    getUserInfo()
})
//获取用户信息，渲染用户名和头像功能封装
// 封装写到入口函数外面
function getUserInfo() {
    axios({
        method: 'GET',
        url: '/my/userInfo',
        /* headers: {
            Authorization: localStorage.getItem('token')

        } */
    }).then((res) => {
        // console.log(res.data);
        //判断
        if (res.data.status !== 0) {
            return layui.layer.msg(res.data.message)
        }
        //渲染用户名和头像
        renderUserInfo(res.data.data)
    })

}
function renderUserInfo(user) {
    // console.log(user);
    let name = user.nickname || user.username
    $('.welcome').html('欢迎 &nbsp;&nbsp;' + name)
    if (user.user_pic == null) {
        //没有图片头像 显示文字头像 隐藏图片头像
        $('.avatar-text').show().html(name[0].toUpperCase());
        $('.avatar-img').hide()
        // console.log($('.layui-nav-img'));
    } else {
        //有图片头像 隐藏文字头像 显示图片头像
        $('.avatar-text').hide()
        $('.avatar-img').show().attr('src', user.user_pic)

    }
}
